<template>
  <div class="homePage">
    <navPage></navPage>
    <listPage></listPage>
    <seckillPage></seckillPage>
    <waterfall :boole="boole"></waterfall>
    <footerPage></footerPage>
  </div>
</template>

<script>
import navPage from '../HomeCom/navPage.vue';
import listPage from '../HomeCom/listPage.vue';
import seckillPage from '../HomeCom/seckillPage.vue';
import waterfall from '../HomeCom/waterfall.vue';
import footerPage from '../HomeCom/footerPage.vue';
export default {
  data(){
    return{
      boole:true
    }
  },
    components:{
      navPage,
      listPage,
      seckillPage,
      waterfall,
      footerPage
    }
}
</script>

<style scoped>
.homePage{
  
    background-color: #f4f4f4;
}
</style>